<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="author" content="huaicheng151201@163.com"/>
    <meta name="keywords" content="HTML,PHP,SQL"/>
    <meta name="description" content=""/>
    <meta name="revised" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title>甘孜</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/custom.css">
</head>
<body class="bg_hd">
    <header></header>
    <section>
        <!--子菜单-->
        <div class="custom_box">
            <ul class="nav nav-tabs custom_menu">
                <li class="active" data-category="645">
                    <a href="#custom" data-toggle="tab">
                        <img src="images/custom_icon1.png" alt="">
                        <span>康藏民俗</span>
                    </a>
                </li>
                <li data-category="649">
                    <a href="#custom" data-toggle="tab">
                        <img src="images/custom_icon2.png" alt="">
                        <span>康藏人文</span>
                    </a>
                </li>
                <li data-category="643">
                    <a href="#custom" data-toggle="tab">
                        <img src="images/custom_icon3.png" alt="">
                        <span>演出会展</span>
                    </a>
                </li>
                <li data-category="644">
                    <a href="#custom" data-toggle="tab">
                        <img src="images/custom_icon4.png" alt="">
                        <span>康巴文学</span>
                    </a>
                </li>
            </ul>
            <!--新闻列表-->
            <div class="tab-content">
                <div class="tab-pane active" id="custom">
                    <!--新闻列表-->
                    <ul id="j-news-list">

                    </ul>
                    <button class="more j-more hide">查看更多</button>
                </div>
                <div class="tab-pane" id="humanity"></div>
                <div class="tab-pane" id="performance"></div>
                <div class="tab-pane" id="literature"></div>
            </div>
        </div>
    </section>
    <script src="js/baseInfo.js"></script>
    <script src="js/jquery-1.12.0.min.js"></script>
    <script src="js/touch.0.2.14.min.js"></script>

    <script src="js/lib/template.min.js"></script>
    <script src="js/reqeust.js"></script>

    <script src="js/bootstrap.min.js"></script>
    <script src="js/custom_index.js"></script>
    <!--新闻列表-->
    <script id="news-list-temp" type="text/html">
    {{each list as item i}}
    <li data-id="{{item.id}}">
        <div class="news_left">
            {{ if  item.img}}
            <img src="{{item.img}}" alt="{{item.category}}">
            {{else}}
            <img src="images/img.png" alt="{{item.category}}">
            {{/if}}
        </div>
        <div class="news_right">
            <p class="news_text">{{item.title}}</p>
            <p class="news_title">{{item.category}}</p>
            <p class="new_img">
                <span class="time_con"><img src="images/time.png" alt="">{{item.datetime}}</span>
                <span class="search_con" style="width:30%;"><img src="images/search.png" alt="">{{item.pvCount}}</span>
            </p>
        </div>
    </li>
    {{/each}}
    </script>
</body>
</html>